<template>
	<view>
    <view class="content">
       <view class="tik-success">
              <view class="title">
								<image class="g-img" src="/static/r-gou.png" /> 出票成功
							</view>
							<view class="min-title">终结者黎明曙光 (2张)</view>
							<view class="type-title">如您已支付，若30分钟内订票失败，将自动退款  </view>
							<view class="btn-box">
                    <view @click="btnHome" class="btn-left">回到首页</view>
										<view @click="btnBuy" class="btn-right">查看电影票</view>
							</view>
      </view>
     </view>
	</view>
</template>
<script>
import iconArrow from '../components/icon-arrow';
	export default {
	components: {
		iconArrow
  },
		data() {
			return {
			}
		},
		onLoad() {
		},
		methods: {
      btnBuy(item){
				this.$api.goPage('/pages/index/ticket');
			},
			 btnHome(item){
				this.$api.goPage('/pages/index/index');
			},
			
		}
	}
</script>

<style  lang="scss" scoped>
.content{
  background-color: #fff;
}
.tik-success{
  height:  px2vw(263);
  background-color: #F24244;
	width: 100vw;
	.title{
		text-align: center;
		font-size: px2vw($fz24);
		color: #fff;
		padding-top: px2vw(20);
		.g-img{
			 height: px2vw(29);
			 width:px2vw(29);
			 vertical-align: middle;
			 margin-right: px2vw(5);
		}
	}
	.min-title{
		text-align: center;
		font-size: px2vw($fz18);
		color: #fff;
		padding-top: px2vw(10);
	}
	.type-title{
		text-align: center;
		font-size: px2vw($fz14);
		color: #ddd;
		padding-top: px2vw(10);
	}
	.btn-box{
		display: flex;
		padding-top: px2vw(30);
		.btn-right,
		.btn-left{
			height: px2vw(45);
			width: px2vw(150);
			line-height: px2vw(45);
			text-align: center;
			font-size: px2vw($fz16);
			border-radius:  px2vw(30);
			border: px2vw(1) solid #fff;
			color: #fff;
			margin-left: px2vw(20);
		}
		.btn-right{
			background-color: #fff;
			color: #F24244;
			margin-left: px2vw(30);
		}
	}
}
</style>
